<template>
<div class="text-white content w-full" style="height:1200px">
    <BorderBox1 class="bg-gray-800 py-1 w-full h-full">
      <div class="grid grid-rows-8 h-full gap-2" style="padding-top:60px;">
            <ServeMap></ServeMap> 
      </div>
    </BorderBox1>
  </div>
  <div class="text-white content w-full" style="height:600px">
    <BorderBox1 class="bg-gray-800 py-1 w-full h-full">
      <div class="grid grid-rows-5 h-full gap-2" style="padding-top:60px;padding:30px">
       
        <div class="bottom grid row-span-4 grid-cols-4 gap-2 h-full">
          <div class="left col-span-1  pb-4">
            <FWZTop></FWZTop>
          </div>
          <div class="left col-span-1  pb-4" style="padding-left:0">
            <JGSTop
             
            ></JGSTop>
          </div>
          <div class="middle col-span-1  pb-4">
            <UserTop
             
            ></UserTop>
          </div>
          <div class="middle col-span-1  pb-4">
            <BZTop
            
            ></BZTop>
          </div>
        </div>
      </div>
    </BorderBox1>
  </div>
</template>

<script setup>
import { BorderBox1,BorderBox3} from '@kjgl77/datav-vue3'
import { ref } from 'vue'
import { getAllUserData } from '@/api/memberManager'

import FWZTop from '@/view/dataAnalysis/model/FWZCount.vue'

import JGSTop from '@/view/dataAnalysis/model/JGSCount.vue'
import UserTop from '@/view/dataAnalysis/model/UserCount.vue'
import BZTop from '@/view/dataAnalysis/model/serviceBZTop.vue'
import MainTitle from '@/view/allUser/components/mainTitle.vue'
import ServeMap from '@/view/dataAnalysis/model/CenterMapModel.vue'


</script>

<style lang="scss" scoped>
.content {
  height: calc(100vh - 130px);
}
</style>
